<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>留言</title>
    <link rel="stylesheet" href="style5.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>

<body class="body">
    <nav>
        <div class="db">
            <a href=""><img src="img/db.png" alt=""></a><a href="" class="yc"><img src="img/db.png" alt=""></a>
        </div>
    </nav>
    <header>
        <div class="container">
            <div class="logo">
                <a href="index.html"><img src="img/bk.png" alt=""></a>
            </div>
            <div class="logo-1">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="index1.html">相册</a></li>
                    <li><a href="index2.html">案列</a></li>
                    <li><a href="index3.html">关于我</a></li>
                    <li class="hs"><a href="index4.html">留言</a></li>
                </ul>
            </div>
        </div>
    </header>
    <main>
        <div class="container">
            <div class="row">
                <div class="col-md-4 bxs">
                    <div class="gy">
                        <h6>关于我</h6>
                        <p><img src="img/tx.jpg" alt=""></p>
                        <div class="gy-1">
                            <span>
                                <b>张紫川</b>，一个00后计算机网络工程师！18年入行。
                                一直潜心研究web前端技术，一边学习一边积累经验.
                            </span>
                        </div>
                    </div>
                    <div class="gy-2">
                        <h6>我的相册</h6>
                        <a href="index1.html"><img src="img/xc.jpg" alt=""></a><a href="index1.html" class="bk"><img
                                src="img/xc-1.jpg" alt=""></a>
                    </div>
                    <div class="gy-7">
                        <h6>关注我么么哒</h6>
                        <p><img src="img/sk.png" alt=""></p>
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="pi">
                        <h6>留言-插件安装</h6>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div class="container">
            <span>Design by <a href="">张紫川个人博客</a>备案号：<a href="">京ICP备 <a href="" class="ml">18051643号-1</a></a></span>
        </div>
    </footer>
    <div class="footer-1">
        <div class="container">
            <div class="sh">
                <ul>
                    <li><a href="">首页</a></li>
                    <li><a href="">相册</a></li>
                    <li><a href="">文章</a></li>
                    <li><a href="">关于我</a></li>
                    <li><a href="">留言</a></li>
                </ul>
            </div>
        </div>
    </div>





    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.6/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>

</html>